Pattern Library

Main article: Atoms

• Aside
• Footer
• Header
• Hyperlinks
• Main Content
• Section

Main article: Molecules

• Accordion
• Audio
• Breadcrumb Navigation
• Country Selector
• Date Input
• Jump Links
• Language Selector
• Logo
• Pagination
• Progress
• Publication Date
• Search
• Tables
• Tabs
• Time Picker
• Tooltips
• Videos

Main article: Organisms

• Article
• Cards
• Carousel
• Cookie Dialog
• Dialog
• Feed
• Footer Navigation
• Forms
• Side Navigation
• Toolbars
• Top Navigation

Main article: Templates

Main article: Pages

• Policy Page

• App Menu / Hamburger Menu

  Mobile Navigation - A11Y Style Guide: Navigation

  menubutton & menu - ARIA Authoring Practices Guide (APG): Menu or Menu bar

  Side drawer menu - BBC GEL: Side drawer menu

https://www.smashingmagazine.com/category/design-patterns/
https://schema.org/
https://microformats.org/

=== ARIA ===

https://www.w3.org/WAI/ARIA/apg/patterns/
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
https://www.w3.org/TR/wai-aria-1.2/

toolbar = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/toolbar_role

alert = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role
log = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/log_role
marquee = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/marquee_role
status = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/status_role
timer = https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/timer_role

=== Structured Data ===

https://support.google.com/webmasters/answer/7445569#supported_types&zippy=%2Csupported-types

Dataset = https://developers.google.com/search/docs/appearance/structured-data/dataset
Event = https://developers.google.com/search/docs/appearance/structured-data/event
Image Metadata = https://developers.google.com/search/docs/appearance/structured-data/image-license-metadata
Local Business = https://developers.google.com/search/docs/appearance/structured-data/local-business
Merchant Listings = https://developers.google.com/search/docs/appearance/structured-data/product#merchant-listing_product
Product Snippet = https://developers.google.com/search/docs/appearance/structured-data/product
Recipe = https://developers.google.com/search/docs/appearance/structured-data/recipe
Video = https://developers.google.com/search/docs/appearance/structured-data/video
				

• UXPin: 5 UI Components in Atomic Design
• UXPin: The Difference Between Design Systems, Pattern Libraries, Style Guides & Component Libraries
• Smashing Magazine: Taking The Pattern Library To The Next Level
• boagworld: How to Create a Pattern Library and Why You Should Bother
• GOV.UK Design System: Patterns
• BBC GEL: Design Patterns
• MDN: Content categories